import type { AppRouteModule } from '@/router/types';

import { LAYOUT } from '@/router/constant';

const ten: AppRouteModule = {
  path: '/ten',
  name: 'Ten',
  component: LAYOUT,
  redirect: '/ten/orthographicCamera',
  meta: {
    orderNo: 10,
    icon: 'fluent-emoji-high-contrast:keycap-10',
    title: '相机基础',
  },
  children: [
    {
      path: 'orthographicCamera',
      name: 'OrthographicCamera',
      component: () => import('@/views/three/ten/orthographicCamera.vue'),
      meta: {
        title: '正投影相机',
      },
    },
    {
      path: 'box3',
      name: 'Box3',
      component: () => import('@/views/three/ten/box3.vue'),
      meta: {
        title: '包围盒Box3',
      },
    },
    {
      path: 'mapCase',
      name: 'MapCase',
      component: () => import('@/views/three/ten/mapCase.vue'),
      meta: {
        title: '地图案例(包围盒、正投影)',
      },
    },
    {
      path: 'pipelineRoaming',
      name: 'PipelineRoaming',
      component: () => import('@/views/three/ten/pipelineRoaming.vue'),
      meta: {
        title: '管道漫游案例',
      },
    },
    {
      path: 'orbitControls',
      name: 'OrbitControls',
      component: () => import('@/views/three/ten/orbitControls.vue'),
      meta: {
        title: 'OrbitControls旋转缩放限制',
      },
    },
  ],
};

export default ten;
